a {
	text-decoration: none;
}
*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #F2F2F2;
}
.top{
	width: 100%;
	height: 45px;
	background-color:rgba(255, 253, 253, 0.51);
	line-height: 45px;
}
.top span:nth-of-type(1){
	margin-left: 4%;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}
.top span:nth-of-type(2) img{
	height: 10px;
}
.top .open{
	float: right;
	height: 45px;
	margin-right: 4%;
}
.top .open img{
	width: 20px;
	vertical-align: middle;
}
.show{
	background-color: #fff;
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	height: 165px;
}
.showbox{
	display: -webkit-box;
	overflow-x: scroll;
	-webkit-overflow-scrolling:touch;
	margin-top: 10px;
}
.show .showimg img{
	width: 100%;
	height: 100%;
}
.show .showimg>div{
	width: 120px;
	height: 90px;
	border-radius: 8px;
	overflow: hidden;
}
.show .showimg{
	width: 120px;
	height: 180px;
	margin-right: 0px;
	margin-left: 2%;
	overflow: hidden;
}
.shop{
	width: 100%;
	background-color: #fff;
	background-image: url(../images/bac.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 70vw;
}
.shopdetail{
	background-color: #fff;
	margin-top: 50vw;
	width: 92%;
	margin-left: 4%;
	border-radius: 10px;

}

.shop .time{
	width: 92%;
	margin-left: 4%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: 15px;
	text-indent: 8%;
	border-bottom: 1px solid #d7d7d7;
	white-space: nowrap;
}
.shop .address{
	width: 100%;
	font-size: 14px;
	background-image: url(../images/adr.png),url(../images/phone.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: 15px,20px;
	background-position-x: 4%,93%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.shop .address p{
	width: 65%;
	padding-right: 5%;
	font-size: 14px;
	margin-left: 12%;
	border-right: 1px solid #d7d7d7;
}
.shop .address .phone{
	margin-right: 4%;
	height: 45px;
	width: 10%;
	float: right;
	margin-top: -25px;
}
.slidebox{
	width: 100%;
	height: 240px;
	margin-top: 10px;
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
.slide{
	display: -webkit-box;
	overflow-x: scroll;
	-webkit-overflow-scrolling:touch;
	margin-top: 10px;
}
.slide-item{
	width: 110px;
	height: 158px;
	margin-right: 10px;
	margin-left: 4%;
	text-align: center;
	overflow: hidden;
}
.slide-item .slideitembox div{
	margin: 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;

}
.slide .test .slideitembox div{
	background-image: url(../images/icon1.png);
	background-size: 400px;
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: 8px;
	background-color: #d9b97c;
}
.slide .halfyear .slideitembox div{
	background-image: url(../images/icon1.png);
	background-size: 420px;
	background-repeat: no-repeat;
	background-position-y: 12px;
	background-position-x: -123px;
	background-color: #d9b97c;
}
.slide .year .slideitembox div{
	background-image: url(../images/icon1.png);
	background-size: 420px;
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: -254px;
	background-color: #d9b97c;
}
.slide .year2 .slideitembox div{
	background-image: url(../images/icon1.png);
	background-size: 420px;
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: -386px;
	background-color: #d9b97c;
}
.slide .slideitembox{
	background-color: #eff0f4;
	height: 142px;
	padding-top: 15px;
	border-radius: 10px;
}
.slide-item p:nth-of-type(1){
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #383737;
}
.slide-item p:nth-of-type(2){
	margin-top: 2px;
	font-size: 13px;
	color: #bbbbbb;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.slide-item p:nth-of-type(3) span:nth-of-type(1){
	margin-top: 3px;
	font-size: 12px;
	color: #ff5000;
}
.slide-item p:nth-of-type(3) span:nth-of-type(2){
	margin-top: 3px;
	font-size: 15px;
	color: #ff5000;
}
.cdname{
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.cdname span{
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.cdname img{
	width: 50px;
	vertical-align: middle;
}


.market{
float: left;
	width: 100%;
	background-color: #fff;
	margin-top: 15px;
	border-top: 1px solid #d7d7d7;
}
.market_title{
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #d7d7d7;
}
.market_title span{
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.market_title img{
	width: 50px;
	vertical-align: middle;
}

.market_list>div{
	width: calc(100%/3);
	float: left;
	background-color: #fff;
	text-align: center;
	outline: 1px solid #F2F2F2;
}

.market_list div .shoplisticon{
	width: 100%;
	height: 100px;
	text-align: center;
	padding-top: 20px;
}
.market_list div .shoplisticon img{
	height: 90%;
}
.market_list div p:nth-of-type(1){
	margin-top: 10px;
	color: #222222;
	font-size: 15px;
}
.market_list div p:nth-of-type(2){
	margin-top: 3px;
	color: #ff5000;
	font-size: 13px;
	padding-bottom: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.nomore{
	clear: both;
	color: #999999;
	text-align: center;
	font-size: 16px;

}
.meau{
	width: 100%;
	height: 50px;
	background-color: #fff;
	position: fixed;
	bottom: 0;
}
.meau div{
	width: calc(100%/3);
	height: 50px;
	float: left;
	text-align: center;
}
.meau div img{
	height: 20px;
	margin-top: 6px;
}
.meau div p{
	font-size: 12px;
}

.address_list{
	height: 220px;
	overflow: auto;
	margin: 20px 0;
}
.shop_title{
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body {
	background: #f2f2f2;
	font-size: 20px;
	font-family: microsoft yahei;
	margin: 0;
	padding: 0;
	font: 20px/1.5 'Helvetica Neue','Helvetica','sans-serif',"Microsoft YaHei","Arial",sans-serif;
}
header .content {
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	display: flex;
	text-align: center;
	background-color: #fff;
}

.content a {
	display: block;
	height: 44px;
	line-height: 44px;
	flex: 3;
	font-size: 20px;
	font-size: 16px;
}

.content a:nth-child(1) {
	background: url(../images/back.png) no-repeat right;
	background-position-x: 17px;
	background-size: 13px;
}

.content a:nth-child(2) {
	flex: 7;
	font-size: 18px;
}

.content a:nth-child(3) {
	/* flex: 1; */
	/*background: url(../images/setup.png) no-repeat center;
background-size: 20px;*/
	font-size: 14px;
}
.now div:nth-of-type(1){
	width: 100%;
	height: 45px;
	background-color: #FFFFFF;
	line-height: 45px;
	text-indent: 13%;
	background-image: url(../images/ads2.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position-x: 4%;
	background-position-y: center;
	color: #999999;
	font-size: 16px;
	border-bottom: 1px solid #d7d7d7;
}
.now div:nth-of-type(2){
	width: 100%;
	height: 45px;
	background-color: #FFFFFF;
	line-height: 45px;
	text-indent: 4%;
	color: #222222;
	font-size: 16px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.now div:nth-of-type(2) span:nth-of-type(2){
	float: right;
	margin-right: 4%;
}
.near{
	margin-top: 20px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
.near .shoptitle{
	width: 100%;
	height: 45px;
	background-color: #FFFFFF;
	line-height: 45px;
	text-indent: 13%;
	background-image: url(../images/shop2.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position-x: 4%;
	background-position-y: center;
	color: #999999;
	font-size: 16px;
}
.near div:not(.shoptitle){
	width: 100%;
	height: 45px;
	background-color: #FFFFFF;
	line-height: 45px;
	text-indent: 4%;
	color: #222222;
	font-size: 16px;
	border-top: 1px solid #D7D7D7;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.near div:not(.shoptitle) span:nth-of-type(2){
	float: right;
	margin-right: 4%;
}
.detail div{
	width: 90%;
	margin-left: 5%;
	margin-top: 25px;
}
.detail div img{
	width: 100%;
}
.detail div p{
	text-align: center;
	font-size: 18px;
	margin-top: -5px;
}

